<script setup>
   //并不是所有数据都是文本展示
   //图片地址 http://www.baidu.com/img/bd_logo.png
   let url = "http://www.baidu.com/img/bd_logo.png";
   let baidu = "http://www.baidu.com"
   //1.标签的属性如何获取vue的数据
   //语法: <标签  v-bind:属性名="vue的数据key"
   //简化: <标签  :属性名="vue的数据key"
</script>

<template>
  <div>
        {{url}}  <br>
        <img v-bind:src="url">
        <a :href="baidu">百度</a>
        <!-- <a v-bind:href="www.atguigu.com">百度</a> -->
  </div>
</template>

<style scoped>

</style>